<script setup>
import { defineAsyncComponent } from "vue"
// 引入异步组件
const AsyncComponent = defineAsyncComponent(() => import("./AsyncComponent.vue"))
</script>

<template>
    <h2>Suspense</h2>
    <Suspense>
        <template v-slot:default>
            <!-- 放异步组件 -->
            <AsyncComponent />
        </template>
        <template v-slot:fallback>
            <!-- 当异步组件还没有加载出来需要显示的内容 -->
            <div>Loading...</div>
        </template>
    </Suspense>
</template>
